$uiname: "aoyou-fileuploader";
.#{$uiname}{
  background-color: #fafafa;
  padding: 10px;
}
.#{$uiname}-picker{
  width: 100px;
  float:left;
}

.#{$uiname}-uploadstartbtn{
  width: 100px;
  display: inline-block;
  cursor: pointer;
  background: #428bca;
  padding: 10px 15px;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  overflow: hidden;
}
.#{$uiname}-lists {
    ul{
        padding: 0px;
        list-style: none;
        width: 350px;
        .fileuploader-lists-filename{
            display: inline-block;
            width: 180px;  
            white-space: nowrap;  
            overflow: hidden;  
            text-overflow: ellipsis;  
        }
        .fileuploader-lists-fileinfo{
            float: right;
        }
      li{
        margin-bottom: 10px;
        .#{$uiname}-progressspan{
          display: block;
          height:30px;
          background-color: #00B766;
          line-height: 30px;
          text-align: center;
        }
      }
    }
}

.webuploader-container {
	position: relative;
}
.webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	background: #5cb85c;
	padding: 10px 15px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
}
.webuploader-pick-hover {
	background: #00a2d4;
}

.webuploader-pick-disable {
	opacity: 0.6;
	pointer-events:none;
}
.aoyou-fileuploader-uploadstartbtn{

}